<template>
  <div id="app">
   <el-container v-if="this.$route.name !='Login'" style="height:100%;width:100%;" >
      <el-aside  width="250px" class="leftAside" >
        <left style="height:100%"></left>
      </el-aside>
      <el-container>
            <el-header style="text-align: right;height:50px">
            <el-dropdown class=" padding-top: 10px;">
              <span class="el-dropdown-link" >神奇枭哥哥
              <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>修改密码</el-dropdown-item>
                <el-dropdown-item>注销</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </el-header>
          <el-main>
          <router-view/>
          </el-main>
       </el-container>
  </el-container>
  <div v-else style="height: 100%;width: 100%">
      <login ></login>
  </div>
<!-- </el-container>
    -->
  </div>
</template>

<script>
import left from './components/LeftMenu.vue';
import login from './view/Login.vue';
export default {
    name: 'App',
    components: {
      left: left,
      login: login
    },
    data () {
    return {
      router: ""
      
    }
  }
}
</script>

<style>
html,body,#app{
  width: 100%;
  height: 100%;
  margin: 0px;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  border: 0px;
  
  /* margin-top: 60px; */
}
.con1{
  height: 100%;
  border: 1px solid #eee;
  background-color: blue;
  
}
.leftAside{
  height: 100%;
}
.el-dropdown-link {
    cursor: pointer; 
    padding-top: 8px;
    font-size: 18px;
    color: #409EFF;
  }
  
</style>
